<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="es" lang="es">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


    <title>El Justiciero</title>

	<link rel="stylesheet" type="text/css" href="pbl.css" />
	<link rel="shortcut icon" href="favicon.ico" />
    
    <meta name="keywords" content="El Justiciero, alumando, profesorado, cuatrovientos, notas, competencias claves" />
    <meta name="description" content="Esta es una aplicacion con la cual el instituto cuatrovientos puede evaluar a sus alumnos basandose en las notas tecnicas y las competencias claves" />
  
  <script type="text/javascript" src="jquery-1.2.6.min.js"></script>
  <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  
  <!--script para css dentro del html-->
<style type="text/css">
  .error {  
       color: #D8000C;  
       background-color: #FFBABA;  
       background-image: url('error.png');
       font-family:Arial, Helvetica, sans-serif;   
       font-size:13px;  
       border: 1px solid;  
       margin: 10px 0px;  
       padding:15px 10px 15px 50px;  
       background-repeat: no-repeat;  
       background-position: 10px center;  
       position:relative;        
	}  
</style>

<!--Mensajes de error, con el css de .error-->
	<script type="text/javascript">  
		$(document).ready(function(){  
		setTimeout(function(){ $(".mensajes").fadeOut(800).fadeIn(800).fadeOut(500).fadeIn(500).fadeOut(300);}, 3000);   
		});  
	</script>  
<!--Hasta aqui-->


	<script type="text/javascript">
	//<![CDATA[

	//]]>
	</script>
</head>

<body>
<div id="degradado">
	<div id="formulario">
	</br>
	<div id="titulo">
		<img src= "logo.png"/>
	<div>
	</br>
	<?php
		if ($_GET["error"] == 1) {
			echo "<div class='error mensajes'>Error al introducir el login o la contraseña</div>";
		}
	?>
	<div id="contenido">
		<form name="formu" method="post" action="comprobar.php">
		<!--<fieldset>
			<legend>Inicio de sesión</legend>-->
			</br>
			<table>
			<tr>
				<td colspan="2">
					Para iniciar sesion introducir el login y la contraseña.
				</td>
			</tr>	
			<tr>
				<td>
					<label for="login">Login</label>
				</td>
				<td>
					<input type="text" name="login" id="login"  class="texto"/>
				</td>
			</tr>
			<tr>
				<td>
					<label for="pass">Password</label>
				</td>
				<td>
					<input type="password" name="pass" id="pass"  class="texto"/>
				</td>
			</tr>

			<tr>
				<td colspan="2">
					<input type="submit" name="enviar" id="enviar" value="Entrar" />
				</td>

			</tr>
			</table>
		<!--</fieldset>-->
		</form>
	</div>
</div>
</div>
</body>
</html>